<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="lib/echarts.min.js"></script>
</head>
<body>
    <div style="width: 600px; height: 400px;"></div>
    <script>
        // 1.Echarts最基本的代码结构
        // 2.x轴数据：['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        // y轴数据:[3000,2800,900,1000,800,700,1400,1300,900,1000,800,600]
        // 将type的值设置为line
        var myCharts = echarts.init(document.querySelector('div'))
        var xDataArr = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        var yDataArr = [3000,2800,900,1000,800,700,1400,1300,900,1000,800,600]
        var option = {
            xAxis:{
                type:'category',
                data:xDataArr
            },
            yAxis:{
                type:'value'
            },
            series:[
                {
                    name:'康师傅',
                    data:yDataArr,
                    type:'line'
                }
            ]

        }
        myCharts.setOption(option)
    </script>
</body>
</html>